<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>松果网</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <link href="css/style.css" rel="stylesheet" media="screen">

    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">
   
  </head>
  <body> 
    <div class="container wraper">
        <!-- Header-->
        <header class="slide">            
            <!-- nav_logo-->
            <div class="nav_logo animated fadeInDown delay1">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="console.html">控制台</a></li>
                                <li><a href="http://e.weibo.com/pinecone201204">微博</a></li>
								<li><a href="http://shop104362768.taobao.com">商店</a></li>
                                <li><a href="#contact">联系</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->
            
            <!-- Slide -->           
            <div class="camera_wrap" id="slide">

                <!-- Item Slide --> 
                <div  data-src="img/slide/slides/2.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <div class="container">
                            <div class="row-fluid">                                
                                <div class="span8">
                                    <h1 class="animated fadeInDown">您好，欢迎进入<br> <span>松果网</span></h1>
                                    <p class="animated fadeInUp">便捷、稳定、智能的物联网应用平台，让生活更美好、现代。</p>
                                    <a href="login.html" class="button animated fadeInUp">
                                        <span><i class="icon-key"></i></span>登录
                                    </a>
									<a href="registry.html" class="button animated fadeInUp">
                                        <span><i class="icon-lightbulb"></i></span>注册
                                    </a>
                                </div>
                                <div class="span4 animated bounceInDown delay1">
                                    <img src="img/slide/2.png" alt="Image">
                                </div>
                            </div>  
                        </div>                                                                                         
                    </div>
                </div>
                 <!-- End Item Slide --> 

                 <!-- Item Slide --> 
                <div  data-src="img/slide/slides/3.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <div class="container">
                            <div class="row-fluid">                                
                                <div class="span8">
                                    <h1 class="animated fadeInDown">便捷的开发和操作</span>.</h1>
                                    <p class="animated fadeInUp">下载SDK，接入设备，轻松进行远程监控。</p>
                                    <a href="#" class="button animated fadeInUp">
                                        <span><i class="icon-link"></i></span>详细
                                    </a>
                                </div>
                            </div>  
                        </div>                                                                                         
                    </div>
                </div>
                 <!-- End Item Slide --> 

                 <!-- Item Slide --> 
                <div  data-src="img/slide/slides/4.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <div class="container">
                            <div class="row-fluid">                                
                                <div class="span8">
                                    <h1 class="animated fadeInDown">快速满足需求</h1>
                                    <p class="animated fadeInUp">提供丰富的、可重用的设备管理功能。</p>
                                    <a href="#" class="button animated fadeInUp">
                                        <span><i class="icon-link"></i></span>详细
                                    </a>
                                </div>                                
                            </div>  
                        </div>                                                                                         
                    </div>
                </div>
                 <!-- End Item Slide --> 

                  <!-- Item Slide --> 
                <div  data-src="img/slide/slides/5.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <div class="container">
                            <div class="row-fluid">                                
                                <div class="span8">
                                    <h1 class="animated fadeInDown">云计算平台</span>.</h1>
                                    <p class="animated fadeInUp">借助云平台的力量，帮你贴心照顾好设备。</p>
                                    <a href="#" class="button animated fadeInUp">
                                        <span><i class="icon-link"></i></span>详细
                                    </a>
                                </div>
                            </div>  
                        </div>                                                                                         
                    </div>
                </div>
                 <!-- End Item Slide --> 
            </div>    
        </header>
        <!-- End Header-->

        <!-- End content info -->
        <section class="content_info">
            
            <!-- Info title-->
            <div class="row-fluid info_title">
				<div class="vertical_line">
                    <div class="circle_top"></div>
                </div>
                <div class="info_vertical">
					<h1>开放、便捷、稳定的<span>设备接入平台</span></h1>
                    <p class="lead">下载相应设备的SDK进行开发，马上接入你的设备吧!</p>
                </div>
				<div class="vertical_line"></div>
                <i class="icon-cogs right"></i>
            </div>
            <!-- End Info title-->
            

            <!-- Info Resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
						<div class="span4">    
							<div class="span12 box_frame">
								<a href="img/gallery/1.jpg" class="fancybox" title="点击下载SDK">
									<img src="img/gallery/anduino.jpg" alt="Image"/> 
								</a>           
								<div class="info">
									<strong>Anduino</strong>，是一款便捷灵活、方便上手的开源电子原型平台，它适用于所有对“互动”有兴趣的朋友们。
									<i class="icon-tablet"></i>
									<i class="icon-desktop"></i> 
								</div>
							</div>
						</div>
						<div class="span4"> 
							<div class="span12 box_frame">
								<a href="img/gallery/2.jpg" class="fancybox" title="点击下载SDK">
									<img src="img/gallery/RaspberryPi.jpg" alt="Image"/> 
								</a>                                  
								<div class="info">
									<strong>Raspberry Pi</strong>，中文名为“树莓派”是为学生计算机编程教育而设计，只有信用卡大小的卡片式电脑。
									<i class="icon-tablet"></i>
									<i class="icon-desktop"></i> 
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="span12 box_frame">      
								<a href="img/gallery/3.jpg" class="fancybox" title="点击下载SDK">
									<img src="img/gallery/zigbee.jpg" alt="Image"/> 
								</a>                                    
								<div class="info">
									<strong>ZigBee</strong>，是基于IEEE802.15.4标准的低功耗个域网协议，用于开发短距离、低功耗的无线通信设备。
									<i class="icon-tablet"></i>
									<i class="icon-desktop"></i> 
								</div>
							</div>
						</div>                
                    </div>
                </div>
            </div>
            <!-- End Info Resalt-->

            <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>特色介绍</h2>
                    <p>为喜爱科技的你量身定制，一起来发现它的价值吧！</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-coffee left"></i>
            </div>
            <!-- End Info title-->

            <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span8 padding_left">
                             <h2>便捷的开发和操作</h2>
                             <h5>下载SDK，接入设备，轻松进行远程监控。</h5>
                             <p class="lead">我们致力于开发简单易用的产品。您的设备无须关注设备防火墙、网络等问题，只需要下载并安装我们最新的SDK程序，即可将设备接入我们的监控平台。</p>
                            <div class="row-fluid padding_top_mini">
                                <a href="#" class="button"><span><i class="icon-download"></i></span>&nbsp;下载SDK</a>
								<a href="#" class="button"><i class="icon-file-alt"></i>&nbsp;使用说明</a>
                            </div>
                        </div>
                        <!-- Image animation-->
                        <div class="span4 image_resalt">
                            <div>
                                <img src="img/services/1.png" alt="Image">
                            </div>
                        </div>
                        <!-- End Image animation-->
                    </div>
                </div>
            </div>
            <!-- End Info resalt-->

            <!-- Info White-->
            <div class="info_white">
                <div class="container">
                    <div class="row-fluid"> 
                        <!-- Image animation-->
                        <div class="span7 image_resalt">
                            <div>
                                <img src="img/services/2.png" alt="Image">                             
                            </div>
                         </div>
                        <!-- End Image animation-->
                        <div class="span5 padding_top">
                            <h2>快速满足需求</h2>
                            <h5>提供丰富的、可重用的设备管理功能。</h5>
							<p class="lead">松果网监控平台的核心技术来源于我们多年对设备监控技术的研究。这些技术能够帮助您快速满足项目需求降低项目的资金和时间成本。</p>
							<div class="row-fluid padding_top_mini">
								<a href="#" class="button"><i class="icon-arrow-right"></i>&nbsp;点击更多</a>
                            </div>
                         </div>
                    </div>
                </div>
            </div>
            <!-- End Info White-->

             <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span8 padding_left">
                             <h2>云计算平台</h2>
                             <h5>借助云平台的力量，帮你贴心照顾好设备。</h5>
                             <p class="lead">平台的服务能够支持数以万计的设备同时运行，意味着每台设备的维护和管理成本大大降低。提供REST Web Services的服务器接口，您可以进一步定制自己的设备管理功能。</p>
                             <p></p>
                            <div class="row-fluid padding_top_mini">
								<a href="#" class="button"><i class="icon-arrow-right"></i>&nbsp;点击更多</a>
                            </div>
                        </div>
                        <!-- Image animation-->
                        <div class="span4 image_resalt padding_right">
                            <div>
                                <img src="img/services/3.png" alt="Image">
                            </div>
                        </div>
                        <!-- End Image animation-->
                    </div>
                </div>
            </div>
            <!-- End Info resalt-->

        </section>
        <!-- End content info-->

        <!-- footer-->
        <footer>
            <div class="container">
                <div class="row-fluid">
                    
                    <!-- Follow Us-->
                    <div class="span2">
                        <h3>沟通</h3>
                        <ul class="social">
                            <li class="facebook"><span><i class="icon-weibo"></i></span><a href="#">新浪微博</a></li>
                            <li class="facebook"><span><i class="icon-renren"></i></span><a href="#">人人网</a></li>
                        </ul>
                    </div>
                    <!-- End Follow Us-->
                    
                    <!-- Recent links-->
                    <div class="span2">
                        <h3>相关链接</h3>
                        <ul>
                            <li><a href="#">安卓市场</a></li>
                            <li><a href="#">极客工坊</a></li>
                        </ul>
                    </div>
                    <!-- End Recent links-->

                    <!-- End Company-->
                    <div class="span2">
                        <h3>公司</h3>
                        <ul>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">隐私条款</a></li>
							<li><a href="#">用户协议</a></li>
                        </ul>
                    </div>
                    <!-- Company-->

                    <!-- Newsletter-->
                    <div class="span3">
                         <h3>消息订阅</h3>  
                         <form>                    
                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-align-left"></i></span>                      
                                    <input type="text" required="" placeholder="您的姓名">
                              </div>

                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>                      
                                    <input type="email" required="" placeholder="您的邮箱">
                              </div>                    
                              
                              <input type="submit" value="发送" class="button">
                          </form>                      
                    </div>
                    <!-- end Newsletter-->

                    <!-- Contact Us-->
                    <div class="span3">
                       <h3>联系方式</h3>
                       <ul class="contact_footer">
							<a name="contact"></a>
                            <li>
                                <i class="icon-envelope"></i> <a href="#">billmse@gmail.com</a>
                            </li>
                            <li>
                                <i class="icon-phone"></i> <a href="#">136-9913-5987</a>
                             </li>
                            <li class="location">
                                <i class="icon-comments"></i> <a href="#">152331905</a>
                            </li>                                   
                        </ul>
                    </div>
                    <!-- Contact Us-->

                </div>
            </div>
        </footer>      
        <!-- End footer-->

        <!-- footer-->
        <footer class="coopring">
            <p>© 2013 北京松果科技有限公司</p>
			<p><a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备13022507号</a></p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.js"></script>-->
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>   
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script>    
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Scrollama--> 
        <script type="text/javascript" src="js/scrollama/TweenMax.min.js"></script>
        <script type="text/javascript" src="js/scrollama/jquery.superscrollorama.js"></script>    
        <!--Gallery Grid--> 
        <script type="text/javascript" src="js/gallery/modernizr.custom.26633.js"></script>
        <script type="text/javascript" src="js/gallery/jquery.gridrotator.js"></script>     
        <!--Minislider Team-->         
        <script type="text/javascript" src="js/team/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="js/team/jquery.catslider.js"></script> 
        <!--Filters-->
        <script type="text/javascript" src="js/filters/filters.js" ></script>                            
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
        <!-- ======================= End JQuery libs =========================== -->

  </body>
</html>